<!DOCTYPE html>

<html lang="en">

<head>

<meta charset="UTF-8">

<meta http-equiv="X-UA-Compatible" content="IE=edge">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

<title>Document</title>

<style>

#yonghu{

background-image: url(./imgies/images/zhanghao.jpg);

line-height: 35px;

padding-left: 25px;

background-repeat: no-repeat;

margin: 20px;



}

#mima{

background-image: url(./imgies/images/mima.jpg);

line-height: 35px;

padding-left: 25px;

background-repeat: no-repeat;

margin: 20px;

}

#fuxuan{

margin: 20px;

}

a{

text-decoration: none;

color: gray;

}

.denglu{



background-repeat: no-repeat;

line-height: 40px;

}

body{

background-image: url(./imgies/images/hbd.jpg);

background-repeat: no-repeat;

padding-left: 1000px;

padding-top: 50px;



}

.zhongjian{

background-color: white ;

width:270px;

height: 350px;

text-align: center;



}



</style>

</head>

<body>

<div class="zhongjian">

<form action="" method="POST" name="login" >



<input type="text" id="yonghu" placeholder="用户名/邮箱地址/手机号"><br>

<input type="password" placeholder="填写密码" id="mima"><br>



<div class="reg">

<input type="checkbox" id="fuxuan"><span>记住密码</span>

<a href="#">欢迎注册 </a><a href="#">忘记密码</a>

</div>

<div class="denglu" >

<img src="./imgies/images/but.jpg" alt="">

</div>

</form>

<div class="related" >

<span>合作账号登录:</span><img src="./imgies/images/weixin.png" alt="">

<img src="./imgies/images/qqlogin.png" alt="">

<img src="./imgies/images/taobao.png" alt="">

</div>

</div>



</body>

</html>